<template>
  <div class="AccountCenterPage">
      <CenterTitle />
      <PersonalInfo />
      <AccountSetting />
      <HelpList />
      <LogOff />
  </div>
</template>

<script>
import CenterTitle from "./components/AccountCenterPage/CenterTitle.vue"
import PersonalInfo from "./components/AccountCenterPage/PersonalInfo.vue"
import AccountSetting from "./components/AccountCenterPage/AccountSetting.vue"
import HelpList from "./components/AccountCenterPage/HelpList.vue"
import LogOff from "./components/AccountCenterPage/LogOff.vue"
export default {
    components: {
        CenterTitle,
        PersonalInfo,
        AccountSetting,
        HelpList,
        LogOff
  },
}
</script>

<style scoped>
.AccountCenterPage {
  width: 100%;
  height: 100%;
  background-color: #edf2f5;
  display: flex;
  flex-direction: column;
}
</style>